<template>
    <view>
        <navigator url="/packageA/pages/cat/cat">123</navigator>
    </view>
    <uni-badge text="1"></uni-badge>
    <uni-badge text="2" type="success"></uni-badge>
    <uni-badge text="3" type="primary" :inverted="true"></uni-badge>
    <navigator url="/packageA/pages/selectQuery/selectQuery">查询</navigator>
    <uni-tabs></uni-tabs>
</template>
<script setup>
//选项式写法-export-default导出对象-vue2
// export default {
//     onLoad: function () {
//         console.log("页面加载")
//     },
//     onShow() {
//         console.log("页面显示")
//     },
//     onHide() {
//         console.log("页面隐藏")
//     },
//     onReady() {
//         console.log("渲染完成")
//     },
// }
//组合式写法-类似于函数-vue3
import { onLoad, onShow, onHide, onReady } from "@dcloudio/uni-app"
import { onMounted } from "vue"
onLoad(() => {
    console.log("页面加载")
})
onShow(() => {
    console.log("页面显示")
})
onHide(() => {
    console.log("页面隐藏")
})
onReady(() => {
    console.log("渲染完成")
})
onMounted(() => {
    console.log("挂载完成")
})
</script>

<style></style>
